<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="./css/style.css"/>
    <script type="text/javascript" src="./js/jquery-2.1.0.js"></script>
    <link rel="stylesheet" href="./css/font-awesome.min.css">
    <script type="text/javascript" src="./js/test.js"></script>
</head>
<body>
    <div class="contain">
        <!--广告条-->
        <div class="top-advert-box">
            <div class="top-advert">
                <a href="javascript:void(0)"><span></span></a>
            </div>
        </div>
        <!--导航栏-->
        <div class="top-nav-box">
                <div class="top-nav">
                    <span class="top-nav-left"></span>
                    <ul class="top-address left"><li><i class="fa fa-map-marker " ></i>北京</li>
                        <div class="top-address-div">
                            <ul class="top-address-ul">
                                <li><a>北京</a></li><li><a>上海</a></li><li><a>天津</a></li><li><a>重庆</a></li><li><a>河北</a></li><li><a>山西</a></li><li><a>河南</a></li><li><a>辽宁</a></li><li><a>吉林</a></li><li><a>黑龙江</a></li><li><a>内蒙古</a></li><li><a>江苏</a></li><li><a>山东</a></li><li><a>安徽</a></li><li><a>浙江</a></li><li><a>福建</a></li><li><a>湖北</a></li><li><a>湖南</a></li><li><a>广东</a></li><li><a>广西</a></li><li><a>江西</a></li><li><a>四川</a></li><li><a>海南</a></li><li><a>贵州</a></li><li><a>云南</a></li><li><a>西藏</a></li><li><a>陕西</a></li><li><a>甘肃</a></li><li><a>青海</a></li><li><a>宁夏</a></li><li><a>新疆</a></li><li><a>港澳</a></li><li><a>台湾</a></li><li><a>钓鱼岛</a></li><li><a>海外</a></li>
                            </ul>
                        </div>
                    </ul>
                    <ul class="top-nav-list right">
                        <li class="top-nav-list-1 red list"><a href="login.html">你好，请登录</a></li>
                        <li class="top-nav-list-2 red list"><a href="register.html">免费注册</a></li><span>|</span>
                        <li class="top-nav-list-3 red list"><a href="#">我的订单</a></li><span>|</span>
                        <li class="top-nav-list-4 red list"><a href="#">我的京东</a>
                            <div class="wodejd">
                                <ul class="wodejd-1">
                                    <li><a href="#" class="wodejd-a">待处理订单</a></li>
                                    <li><a href="#" class="wodejd-a">返修退换货</a></li>
                                    <li><a href="#" class="wodejd-a">降价商品</a></li>
                                    <li><a href="#" class="wodejd-a">消息</a></li>
                                    <li><a href="#" class="wodejd-a">我的问答</a></li>
                                    <li><a href="#" class="wodejd-a">我的关注</a></li>
                                </ul>
                                <ul class="wodejd-2">
                                    <li><a href="#" class="wodejd-a">我的京豆</a></li>
                                    <li><a href="#" class="wodejd-a">我的白条</a></li>
                                    <li><a href="#" class="wodejd-a">我的优惠券</a></li>
                                    <li><a href="#" class="wodejd-a">我的理财</a></li>
                                </ul>
                            </div>
                        </li><span>|</span>
                        <li class="top-nav-list-5 red list"><a href="#">京东会员</a></li><span>|</span>
                        <li class="top-nav-list-6 red list"><a href="#">企业采购</a></li><span>|</span>
                        <li class="top-nav-list-7 list"><a href="#">客户服务</a></li><span>|</span>
                        <li class="top-nav-list-8 list"><a href="#">网站导航</a>
                            <div class="top-nav-list-8-div">
                                <div class="list-8-1 list-8">
                                    <h3>特色主题</h3>
                                    <ul><li><a href="#">品牌头条</a></li><li><a href="#">发现好货</a></li><li><a href="#">京东预售</a></li><li><a href="#">尖er货</a></li><li><a href="#">京东试用</a></li><li><a href="#">港澳售</a></li><li><a href="#">优惠券</a></li><li><a href="#">闪购</a></li><li><a href="#">京东会员</a></li><li><a href="#">秒杀</a></li><li><a href="#">定期送</a></li><li><a href="#">装机大师</a></li><li><a href="#">新奇特</a></li><li><a href="#">企业金融服务</a></li><li><a href="#">礼品购</a></li><li><a href="#">智能馆</a></li><li><a href="#">0元评测</a></li><li><a href="#">In货推荐</a></li><li><a href="#">北京老字号</a></li><li><a href="#">买什么</a></li>
                                    </ul>
                                </div>
                                <div class="list-8-2 list-8">
                                    <h3>行业频道</h3>
                                    <ul>
                                        <li><a href="">服装城</a></li><li><a href="">家用电器</a></li><li><a href="">电脑办公</a></li><li><a href="">手机</a></li><li><a href="">美妆馆</a></li><li><a href="">食品</a></li><li><a href="">智能数码</a></li><li><a href="">母婴</a></li><li><a href="">家装城</a></li><li><a href="">运动户外</a></li><li><a href="">整车</a></li><li><a href="">图书</a></li><li><a href="">农资频道</a></li><li><a href="">京东智能</a></li><li><a href="">玩3C</a></li>
                                    </ul>
                                </div>
                                <div class="list-8-3 list-8">
                                    <h3>生活服务</h3>
                                    <ul>
                                        <li><a href="">京东众筹</a></li><li><a href="">白条</a></li><li><a href="">京东金融APP</a></li><li><a href="">京东小金库</a></li><li><a href="">理财</a></li><li><a href="">话费</a></li><li><a href="">旅行</a></li><li><a href="">彩票</a></li><li><a href="">游戏</a></li><li><a href="">机票酒店</a></li><li><a href="">电影票</a></li><li><a href="">水电煤</a></li><li><a href="">京东到家</a></li><li><a href="">京东微联</a></li><li><a href="">京东众测</a></li>
                                    </ul>
                                </div>
                                <div class="list-8-4 list-8">
                                    <h3>更多精选</h3>
                                    <ul>
                                        <li><a href="">京东社区</a></li><li><a href="">京东通信</a></li><li><a href="">在线读书</a></li><li><a href="">京东E卡</a></li><li><a href="">智能社区</a></li><li><a href="">游戏社区</a></li><li><a href="">京友邦</a></li><li><a href="">合作招商</a></li><li><a href="">企业采购</a></li><li><a href="">服务市场</a></li><li><a href="">乡村招募</a></li><li><a href="">校园加盟</a></li><li><a href="">办公生活馆</a></li><li><a href="">知识产权维权</a></li><li><a href="">English Site</a></li>
                                    </ul>
                                </div>
                            </div>
                        </li><span>|</span>
                        <li class="top-nav-list-9 list"><a href="#">手机京东</a></li>
                    </ul>

                </div>
        </div>
        <!--搜索栏-->
        <div class="top-search">
            <div class="top-search-left"></div>
            <div class="top-search-right">
                <div class="top-search-top">
                    <div class="search-div">
                        <input type="text" name="search" placeholder="台式电脑" class="search"><span class="search-logo1"><i class="fa fa-search"></i></span>
                        <ul class="dfl">
                            <li><a href="#" class="li-a-1">家电优惠券</a></li><li><a href="#">300减180</a></li><li><a href="#">农用物资</a></li><li><a href="#">进阶男神</a></li><li><a href="#">家电秒杀</a></li><li><a href="#">潮人卫衣</a></li><li><a href="#">ups电源</a></li><li><a href="#">199减100</a></li><li><a href="#">孕妇装</a></li>
                        </ul>
                    </div>
                    <div class="gouwuche"><a href="#"><i class="fa fa-shopping-cart faa1"></i>我的购物车</a></div>
                </div>
                <div class="top-search-foot">
                    <ul>
                        <li><a href="#"> 秒杀</a></li><li><a href="#">优惠券</a></li><li><a href="#">闪购</a></li><li><a href="#">拍卖</a></li><span>|</span><li><a href="#">服装城</a></li><li><a href="#">京东超市</a></li><li><a href="#">生鲜</a></li><li><a href="#">全球购</a></li><span>|</span><li><a href="#">京东金融</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!--中部侧栏条-->
        <div class="medal-aside">
            <div class="medal-aside-left">
                <ul>
                    <li class="medal-aside-left-1 aside-li"><a href="#">家用电器</a></li>
                    <li class="medal-aside-left-2 aside-li"><a href="#">手机</a>/<a href="#">运营商</a>/<a href="#">数码</a></li>
                    <li class="medal-aside-left-3 aside-li"><a href="#">电脑</a>/<a href="#">办公</a></li>
                    <li class="medal-aside-left-4 aside-li"><a href="#">家居</a>/<a href="#">家具</a>/<a href="#">家装</a>/<a href="#">厨具</a></li>
                    <li class="medal-aside-left-5 aside-li"><a href="#">男装</a>/<a href="#">女装</a>/<a href="#">童装</a>/<a href="#">内衣</a></li>
                    <li class="medal-aside-left-6 aside-li"><a href="#">美妆个护</a>/<a href="#">宠物</a></li>
                    <li class="medal-aside-left-7 aside-li"><a href="#">女鞋</a>/<a href="#">箱包</a>/<a href="#">钟表</a>/<a href="#">珠宝</a></li>
                    <li class="medal-aside-left-8 aside-li"><a href="#">男鞋</a>/<a href="#">运动</a>/<a href="#">户外</a></li>
                    <li class="medal-aside-left-9 aside-li"><a href="#">汽车</a>/<a href="#">汽车用品</a></li>
                    <li class="medal-aside-left-10 aside-li"><a href="#">母婴</a>/<a href="#">玩具乐器</a></li>
                    <li class="medal-aside-left-11 aside-li"><a href="#">食品</a>/<a href="#">酒类</a>/<a href="#">生鲜</a>/ <a href="#">特产</a></li>
                    <li class="medal-aside-left-12 aside-li"><a href="#">医药保健</a>/<a href="#">计生情趣</a></li>
                    <li class="medal-aside-left-13 aside-li"><a href="#">图书</a>/<a href="#">音像</a>/<a href="#">电子书</a></li>
                    <li class="medal-aside-left-14 aside-li"><a href="#">机票</a>/<a href="#">酒店</a>/<a href="#">旅游</a>/<a href="#">生活</a></li>
                    <li class="medal-aside-left-15 aside-li"><a href="#">理财</a>/<a href="#">众筹</a>/<a href="#">白条</a>/<a href="#">保险</a></li>
                </ul>
                <div class="xuanxiang-1">
                    <ul>
                        <li><a href="#"> 家电馆</a></li>
                        <li><a href="#">品牌日</a></li>
                        <li><a href="#">智能生活馆</a></li>
                        <li><a href="#">京东净化馆</a></li>
                        <li><a href="#">城镇体验馆</a></li>
                        <li><a href="#">家电众筹馆</a></li>
                    </ul>



                    电视
                    合资品牌
                    国产品牌
                    互联网品牌

                    空调
                    壁挂式空调
                    柜式空调
                    中央空调
                    空调配件

                    洗衣机
                    滚筒洗衣机
                    洗烘一体机
                    波轮洗衣机
                    迷你洗衣机
                    洗衣机配件

                    冰箱
                    多门
                    对开门
                    三门
                    双门
                    冷柜/冰吧
                    酒柜
                    冰箱配件

                    厨卫大电
                    油烟机
                    燃气灶
                    烟灶套装
                    消毒柜
                    洗碗机
                    电热水器
                    燃气热水器
                    嵌入式厨电

                    厨房小电
                    电饭煲
                    微波炉
                    电烤箱
                    电磁炉
                    电压力锅
                    豆浆机
                    咖啡机
                    面包机
                    榨汁机
                    料理机
                    电饼铛
                    养生壶/煎药壶
                    酸奶机
                    煮蛋器
                    电水壶/热水瓶
                    电炖锅
                    多用途锅
                    电烧烤炉
                    电热饭盒
                    其它厨房电器

                    生活电器
                    取暖电器
                    吸尘器
                    净化器
                    扫地机器人
                    加湿器
                    挂烫机/熨斗
                    电风扇
                    冷风扇
                    插座
                    电话机
                    饮水机
                    净水器
                    除湿机
                    干衣机
                    清洁机
                    收录/音机
                    其它生活电器
                    生活电器配件

                    个护健康
                    剃须刀
                    口腔护理
                    电吹风
                    美容器
                    卷/直发器
                    理发器
                    剃/脱毛器
                    足浴盆
                    健康秤/厨房秤
                    按摩器
                    按摩椅
                    其它健康电器

                    家庭影音
                    家庭影院
                    迷你音响
                    DVD
                    电视影音配件

                    进口电器
                </div>
            </div>
            <div class="medal-aside-medal">
                <div class="lunboqi">
                    <ul class="lunboqi-ul" >
                        <li><img src="images/lun-8.jpg" alt=""></li>
                        <li><img src="images/lun-1.jpg" alt=""></li>
                        <li><img src="images/lun-2.jpg" alt=""></li>
                        <li><img src="images/lun-3.jpg" alt=""></li>
                        <li><img src="images/lun-4.jpg" alt=""></li>
                        <li><img src="images/lun-5.jpg" alt=""></li>
                        <li><img src="images/lun-6.jpg" alt=""></li>
                        <li><img src="images/lun-7.jpg" alt=""></li>
                        <li><img src="images/lun-8.jpg" alt=""></li>
                        <li><img src="images/lun-1.jpg" alt=""></li>
                    </ul>
                    <div class="pox"><span class="item active" index="1" ></span><span  class="item" index="2"></span><span class="item" index="3"></span><span class="item" index="4"></span><span class="item" index="5"></span><span class="item" index="6"></span><span class="item" index="7"></span><span class="item" index="8"></span></div>
                    <div class="fang-left fang"><i class="fa fa-chevron-left" ></i></div>
                    <div class="fang-right fang"><i class="fa fa-chevron-right"></i></div>
                </div>
                <div class="lun-footer-left lun-footer"><a href="#"></a></div>
                <div class="lun-footer-right lun-footer"><a href="#"></a></div>
            </div>
            <div class="medal-aside-right"></div>
        </div>


    </div>
</body>
</html>